<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>亚马逊中国</title>
    <link rel="stylesheet" href="css/main.css">
    <script src="jquery.js"></script>
    <script src="jq.index.js"></script>
</head>
<body>
    <div class="container">
    <header>
        <div class="hdTopbox">
            <a href="main.html"><img src="images/logo.jpg" class="logoImg"></a>            
            <input type="text" id="searchTxt" class="searchTxt fl">
            <button class="searchBtn fl">搜索</button>
            <img src="images/广告.jpg" class="guanggaoimg">
        </div>
        <div class="hdButtombox">
            <div class="allBox fl">
                <span>全部商品分类</span>
            </div>
            <div class="secBox1 fl">
                <a href="#" class="secn">我的亚马逊</a>
            </div>

            <div class="secBox fl">
                <a href="#" class="secn">海外购</a>
            </div>

            <div class="secBox fl">
                <a href="#" class="secn">Kindle电子书</a>
            </div>

            <div class="secBox fl">
                <a href="#" class="secn">镇店之宝</a>
            </div>

            <div class="secBox fl">
                <a href="#" class="secn">全球开店</a>
            </div>

            <div class="secBox fl">
                <a href="#" class="secn">客户服务</a>
            </div>

            <div class="gwcBox fr">
                <a href="cart.html"><span>购物车</span></a>
            </div>

            <div class="loginBox fr ">
                <a href="register.html"><span>登录</span></a>
            </div>

        </div>
    </header>
<!--header结束-->

    
        <div class="secbgBox">
            <section class="item">
                <div class="all" id='all'>
                    <div class="screen">
                        <ul>
                            <li><img src="images/早秋时髦造型.jpg" width="1310" height="250" /></li>
                            <li><img src="images/去皱眼霜.jpg" width="1310" height="250" /></li>
                            <li><img src="images/爆品返场.jpg" width="1310" height="250" /></li>
                            <li><img src="images/家庭专业存储方案.jpg" width="1310" height="250" /></li>
                            <li><img src="images/镇店之宝.jpg" width="1310" height="250" /></li>
            
                        </ul>
                    </div>
                </div>
            <div class="goodsAll">
                <div class="goodsBox fl">
                    <span>镇店之宝|同步全球天天低价</span>
                    <img src="./images/Desktop_GW_Deals_1_379x304._SY304_CB657444665_.jpg" class="goodsImg">
                    <a href="goodgoods.html" class="goodsA">查看详情</a>
                </div>
    
                <div class="goodsBox fl">
                    <span>四国精选 地道好货</span>
                    <img src="./images/arc_379304._SY304_CB657018231_.jpg" class="goodsImg">
                    <a href="#" class="goodsA">查看详情</a>
                </div>
    
                <div class="goodsBox fl">
                    <span>领券立减|多买多省</span>
                    <img src="./images/Desktop_GW_POSD_1_379x304._SY304_CB657444665_.jpg" class="goodsImg">
                    <a href="#" class="goodsA">查看详情</a>
                </div>
    
                <div class="goodsBox fl">
                    <span>Prime会员甄选</span>
                    <img src="./images/prime_379304._SY304_CB657018231_.jpg" class="goodsImg">
                    <a href="#" class="goodsA">查看详情</a>
                </div>
                
            </div>
            <div class="fg"></div>
        </section>
        </div>
        <section class="item">
        <div class="recommendBox ">
            <span class="Title1 fl">品类推荐</span>
            <a href="#" class="allrecommend">查看所有分类</a>
            <div class="imgFlexbox">
                <img src="./images/XCM_Manual_ORIGIN_1315875_1624187_CN_ags_3763355_200x200_1X_zh_CN._CB657442145_.jpg" class="fl">
                <img src="./images/XCM_Manual_ORIGIN_1315875_1624187_CN_baby_3763365_200x200_1X_zh_CN._CB657442145_.jpg" class="fl">
                <img src="./images/XCM_Manual_ORIGIN_1315875_1624187_CN_ce_3763361_200x200_1X_zh_CN._CB657442145_.jpg" class="fl">
                <img src="./images/XCM_Manual_ORIGIN_1315875_1624187_CN_home_3763363_200x200_1X_zh_CN._CB657442145_.jpg" class="fl">
                <img src="./images/XCM_Manual_ORIGIN_1315875_1624187_CN_sl_3763357_200x200_1X_zh_CN._CB657442145_.jpg" class="fl">
                <img src="./images/XCM_CUTTLE_1345281_1762526_CN_3943908_200x200_1X_zh_CN._CB664214294_.jpg" alt="">
            </div>
        </div>

        <div class="bigGuanggao">
            <img src="./images/bigGuanggao.jpg" class="bggg">
        </div>
        </section>
        <div class="secbgBox">
            <section class="item">
            <div class="goodsAll">
                <div class="goodsBox fl ">
                    <span>潮流新品秋焕新</span>
                    <img src="./images/2021_SL_Fall_Opening_379304_379x304_2X_1._SY304_CB643797680_.jpg" class="goodsImg">
                    <a href="#" class="goodsA">查看详情</a>
                </div>
    
                <div class="goodsBox fl">
                    <span>存储设备馆</span>
                    <img src="./images/ce_wk31_379304._SY304_CB644369636_.jpg" class="goodsImg">
                    <a href="goods.html" class="goodsA">查看详情</a>
                </div>
    
                <div class="goodsBox fl">
                    <span>Anne Klein百变腕上新潮</span>
                    <img src="./images/ak210424_379304._SY304_CB670220206_.jpg" class="goodsImg">
                    <a href="#" class="goodsA">查看详情</a>
                </div>
    
                <div class="goodsBox fl">
                    <span>美赞臣 让宝宝思维情商发展</span>
                    <img src="./images/enfa210424_379304._SY304_CB670219330_.jpg" class="goodsImg">
                    <a href="#" class="goodsA">查看详情</a>
                </div>
                
            </div>

            
        </div>
        <div class="fg"></div>
        <div class="goodsAll">
            <div class="goodsBox fl">
                <span>镇店之宝|同步全球天天低价</span>
                <img src="./images/Desktop_GW_Deals_1_379x304._SY304_CB657444665_.jpg" class="goodsImg">
                <a href="#" class="goodsA">查看详情</a>
            </div>

            <div class="goodsBox fl">
                <span>四国精选 地道好货</span>
                <img src="./images/arc_379304._SY304_CB657018231_.jpg" class="goodsImg">
                <a href="#" class="goodsA">查看详情</a>
            </div>

            <div class="goodsBox fl">
                <span>领券立减|多买多省</span>
                <img src="./images/Desktop_GW_POSD_1_379x304._SY304_CB657444665_.jpg" class="goodsImg">
                <a href="#" class="goodsA">查看详情</a>
            </div>

            <div class="goodsBox fl">
                <span>Prime会员甄选</span>
                <img src="./images/prime_379304._SY304_CB657018231_.jpg" class="goodsImg">
                <a href="#" class="goodsA">查看详情</a>
            </div>
            
        </div>
        </section>
        <section class="item">
        <div class="bigGuanggao ">
            <img src="./images/大广告2.jpg" class="bggg">
        </div>
        
        <div class="goodsAll">
            <div class="goodsBox fl">
                <span>潮流新品秋焕新</span>
                <img src="./images/2021_SL_Fall_Opening_379304_379x304_2X_1._SY304_CB643797680_.jpg" class="goodsImg">
                <a href="#" class="goodsA">查看详情</a>
            </div>

            <div class="goodsBox fl">
                <span>存储设备馆</span>
                <img src="./images/ce_wk31_379304._SY304_CB644369636_.jpg" class="goodsImg">
                <a href="goods.html" class="goodsA">查看详情</a>
            </div>

            <div class="goodsBox fl">
                <span>Anne Klein百变腕上新潮</span>
                <img src="./images/ak210424_379304._SY304_CB670220206_.jpg" class="goodsImg">
                <a href="#" class="goodsA">查看详情</a>
            </div>

            <div class="goodsBox fl">
                <span>美赞臣 让宝宝思维情商发展</span>
                <img src="./images/enfa210424_379304._SY304_CB670219330_.jpg" class="goodsImg">
                <a href="#" class="goodsA">查看详情</a>
            </div>
            
        </div>
        </section>
        <div class="fg"></div>
   
<!-- section结束 -->

    <footer>
        <div class="ftTopbox">
            <div class="ftTopmsg fl">
                <span class="tit1">了解我们</span>
                <a href="#" class="ftAbig">人才招聘</a>
                <a href="#" class="ftAbig">关于亚马逊</a>
                <a href="#" class="ftAbig">新闻中心</a>
            </div>
    
            <div class="ftTopmsg fl">
                <span class="tit1">合作信息</span>
                <a href="#" class="ftAbig">我要开店</a>
                <a href="#" class="ftAbig">加入联盟</a>
                <a href="#" class="ftAbig">合作伙伴</a>
            </div>
    
            <div class="ftTopmsg fl">
                <span class="tit1">帮助中心和购物指南</span>
                <a href="#" class="ftAbig">付款与退款</a>
                <a href="#" class="ftAbig">汇款单招领</a>
                <a href="#" class="ftAbig">发货与配送</a>
                <a href="#" class="ftAbig">退货与换货</a>
                <a href="#" class="ftAbig">帮助中心</a>
            </div>
        </div>
        
        

        <div class="ftlogobox">
            <img src="./images/navAmazonLogoFooter._CB485935925_.jpg" alt="">
        </div>
        <span class="ance">美国/地区|加拿大|巴西|墨西哥|英国/地区|法国/地区|意大利|西班牙|德国/地区|日本|印度|亚马逊家族网站:Shopbop</span>
        <span class="ance">使用条件 隐私声明 版权所有 © 1996-2021，亚马逊公司或其关联公司</span>
        <span class="ance">互联网药品信息服务资格证书 (京)-非经营性-2012-0005</span>
        <span class="ance">京公网安备11010502030232号 增值电信业务经营许可证：合字 B2-20090004营业执照：91110000717883277U</span>
        <span class="ance">京ICP备11014788号出版物经营许可证</span>
    </footer>
</div>
<div class="show">
    <li>低价好货</li>
    <li>品类推荐</li>
    <li>潮流新品</li>
    <li>限定爆款</li>
</div>
<div class="goTotop">
    回到顶部
</div>
<script>
    $(function(){
        $(".show li").on("click",function(){
            var $index = $(this).index();
            var sectionTop = $(".container section").eq($index).offset().top;
            $("body,html").animate({scrollTop:sectionTop})
            $(".show li").eq($index).addClass("current").siblings().removeClass("current");
        })
        $(function(){
            $(".goTotop").on("click",function(){
                $("body,html").animate({scrollTop:0})
            })
        })
        $(document).scroll(function(){
         let scrollTop = $(this).scrollTop();
         let sectionList = Array.from($(".container section")).map(item=>$(item).offset().top + $(item).height());
         let index = sectionList.findIndex(item=>item>scrollTop);
         $(".show li").eq(index).addClass("current").siblings().removeClass("current");
        })
    })
 </script>
</body>
</html>